@page {
  size: A4;
}
* {
  font-family: "SourceHanSansCN";
}
.billing-container{
  width: 100vw;
  height: 100vh;
  padding: 0 20px;
  font-size: 14px;
  font-family: Microsoft YaHei;
}

ul {
  padding-left: 0px;
}
.billing-container .logo img {
  display: inline-block;
  width: 200px;
  margin-bottom: 40px;
}
ul li {
  list-style: none;
}
.billing-container .billing-content {
  height: 360px;
}
.left-content {
  padding-top: 40px;
  float: left;
}
.billing-content ul li {
  height: 36px;
  line-height: 36px;
}
.billing-content .left-content {
  width: 300px;
}
.billing-content .left-content ul {
  width: 100%;
}
.billing-content .right-content ul {
  width: 320px;
}
.billing-content .left-content ul li {
  /* word-break: normal; */
  white-space: pre-wrap;
}


.right-content {
  float: right;
}
.biling-overview {
  margin-top: 100px;
}
.billing-overview .title {
  font-size: 18px;
  font-weight: 550;
  height: 60px;
  line-height: 60px;
  padding-left: 0px;
  margin-bottom: 20px;
}
.overview {
  height:  280px;

}
.overview ul:nth-child(1){
  float: left;
}
.billing-overview ul li {
  height: 32px;
  line-height: 32px;
}
.overview ul:nth-child(2){
  padding-right: 0px;
  float: right;
}
.overview ul:first-child li:last-child {
  height: 60px;
  line-height: 60px;
}
.overview ul:nth-child(2) li:last-child {
  height: 60px;
  line-height: 60px;
  font-weight: 550;
}
.billing-remark {
  padding-left: 0px;
  margin-bottom: 80px;
}
.billing-remark p {
  margin: 8px 0px;
}
.billing-remark p span {
  font-weight: 550;
}
.billing-detail .title {
  font-size: 16px;
  font-weight: 550;
  height: 40px;
  line-height: 40px;
  padding-left: 0px;
}
.billing-detail p {
  margin: 8px 0px;
}
.billing-detail #credit {
  font-size: 12px;
}
.billing-detail {
  padding-left: 0px;
  margin-bottom: 40px;
}
.billing-schedu-detail {
  padding-left: 0px;
  margin-bottom: 20px;
}
.billing-schedu-detail .title{
  font-weight: 550;
  line-height: 40px;
  height: 40px;
  padding-left: 0px;
}
.billing-schedu-detail .title-bottom {
  border-bottom: 1px solid #000;
  font-weight: 550;
}
.table {
  width: 100%;
  text-align: left;
}
.table thead tr th {
  font-size: 14px;
}
.table tbody tr td {
  color: #2a2525;
}
.total {
  margin-top: 40px;
  height: 60px;
}
.total .content{
  border-top: 1px solid #000;
  margin-bottom: 40px;
  height: 36px;
  line-height: 36px;
}
.total .content div:nth-child(1){
  float: left;
}
.total .content div:nth-child(2){
  font-weight: 550;
  float: right;
}
.title {
  font-weight: 550;
  font-size: 16px;
  /* padding-left: 0px; */
  height: 40px;
  line-height: 40px;
}
.billing-transfer {
  padding-left: 0px;
}
.billing-transfer ul li span {
  display:inline-block;
  width: 70px;
}
.billing-transfer div {
  height: 28px;
}
.billing-transfer .desc {
  font-size: 18px;
  height: 36px;
}
.thanks {
  padding-left: 0px;
  margin-top: 60px;
}
.sign div:first-child {
  text-align: right;
  padding-right: 110px;
  margin-top: 40px;
}
.sign .address {
  padding-right: 0px;
  text-align: right;
}